<template>
  <div>
    <div class="header-abs">
      <button class="header-abs-back" @click="handleBack">
        <span class="iconfont">&#xe624;</span>
      </button>
    </div>
    <div class="header-fixed"></div>
  </div>
</template>

<script>
    export default {
        name: "DetailHeader",
        methods:{
          handleBack(){
            this.$router.go(-1)
          }
        }
    }
</script>

<style scoped lang="stylus">
  .header-abs
   position absolute
   left .2rem
   top .2rem
   width .8rem
   height .8rem
   border-radius .4rem
   background rgba(0,0,0,.8)
   z-index 100
  .header-abs-back
   background none
   color:#fff
   width .8rem
   height .8rem
   line-height:0.8rem
</style>
